/* ################################################################ */
/* #################### DOCUMENT STYLE/SIZING ##################### */
/* ################################################################ */

/* make <html> fill viewport with no margin or padding and use a monospace font (menlo if its availible) */
html {
    width: 100%;
    height: 100%;
    
    margin: 0;
    padding: 0;
    
    font-family: Verdana, Arial, Tahoma; /* menlo, monospace */
}

/* make <body> fill <html> with no margin or padding and use an off-white for the background color */
body {
    width: 100%;
    height: 100%;
    
    margin: 0;
    padding: 0;
    
    background-color: #ffffff;
    
    /*line-height: 1.25;*/
    vertical-align: middle;
}


/* ########################################################## */
/* #################### LOAD FONTAWESOME #################### */
/* ########################################################## */

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3')             format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff?v=4.6.3')                   format('woff'),
         url('../fonts/fontawesome-webfont.ttf?v=4.6.3')                    format('truetype'),
         url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ########################################################### */
/* ###################### DYNAMIC SIZES ###################### */
/* ########################################################### */

/* desktop */
@media only screen and (max-width: 5000px) {
    body {
        font-size: 16px;
    }
}

/* tablet */
@media only screen and (max-width: 768px) {
    body {
        font-size: 18px;
    }
}

/* phone */
@media only screen and (max-width: 321px) {
    body {
        font-size: 20px;
    }
}